/* 1.头部 */
#header{
    width: 100%;
    height: 28px;
    background: black;
    margin-bottom:4px; 
}
/*1. 版心 */
.wrap{
    height: 28px;
}
/* 1.log图片 */
.header_logimg{
    width: 200px;
	height: 112px;
    background-color: #ff6600;
   cursor: pointer;    
}
/* 1.左边文字 */
.header_leftcn{
    width: 104px;
	height: 15px;
	font-size: 18px;
	line-height: 28px;
    color: #e6e6e6;
    margin-left: 200px;
   cursor: pointer;    
}
/* 1.右边文字 */
.header_right{
    width: 182px;
	height: 14px;
	font-size: 14px;
    color: #bfbfbf;
    line-height: 28px;
}
/* 2.菜单 */
#container{
    height: 81px;
}
/* 2.购物车盒子 */
.shopCar{
    width: 200px;
    height: 36px;
   cursor: pointer;    
}
/* 2.购物车 */
.car{
    width: 100px;
    height: 36px;
    background: #ff6600;
}
/*2. 购物车图片 */
.car_img{
    width: 29px;
    height: 21px;
    background: url('../img/bgicon.png') no-repeat;
    background-position: -4px -50px;
    margin-top: 8px;
    margin-left: 4px;
    margin-bottom: 7px;
    /* margin-right:67px;  */
}
/* 2.购物车文字 */
.car_cn{
    top: -26px;
    left: 40px;
    color:#ffffff;
    font-size: 14px;
}
/* 2.订单 */
.order{
    width: 100px;
    height: 36px;
    background-color: #ebebeb;
    font-size: 16px;
    line-height: 36px;
    text-align:center;
}
/* 2.搜索框 */
.search{
    margin-right: 36px;
}
.seek{
    width: 438px;
    height: 32px;
    border:2px solid #ff6600;
}
/* 2.输入框 */
.hunt{
    width: 390px;
    height: 32px;
    text-indent: 5px;
    outline: none;
    border: none;
}
/* 2.搜索图片 */
.search_img{
   width: 48px;
   height: 33px;
   background:url("../img/bgicon.png")no-repeat;
   background-position: -2px -2px;
   top: -1px;
   right: -1px;
   cursor: pointer;
}
/* 2.目录 */
.menu{
    margin-top: 24px;
    margin-left: 203px;
}
/*2. 对a标签的设置 */
.menu>li a{
    text-decoration:none;
    width: 65px;
	height: 16px;
	font-size: 16px;
	font-weight: bold;
    color: #323232;
    margin-left: 32px;
}
/* 3.轮播图盒子 */
#banner{
       height: 430px;
       margin-bottom: 21px;
}
/* 3.二级选项卡 */
.s_menu{
    width: 200px;
    height: 430px;
    background: #f3f3f3;
}
/* 3.选项卡li */
.s_menu li{
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size:14px;
    color: #1a1a1a;
}
/* 3.选项卡p标签设置 */
.s_menu li p{
    width: auto;
    padding-left: 20px;
    height: 30px;
    cursor: pointer;
    position: relative;
    z-index: 50;
}
/* 3.选项卡div设置 */
.child_menu{
    top: 0;
    left: 199px;
    width: 579px;
    height: 490px;
    background: #ffffff;
    display: none;
    border: 1px solid #f60;
    z-index: 49;    
}
/* 菜单选中样式 */
.menu_active{
    color: #f60;
    background: #fff;
    height: 34px;
    border: 1px solid #f60;
    border-right:none;
}
/* 选中时div样式 */
.show{
    display: block;
}
/* 3.轮播图 */
.bannerBox{
    width: 1000px;
    height: 430px;
}
/* 4.今日推荐 */
#recommend{
    height: 540px;
    margin-bottom: 42px;
}
/* 4.标题 */
.recommend_title{
    width: 165px;
    height: 24px;
    font-size: 24px;
    color: #ff6600;
    margin-bottom:5px; 
}
/* 4.横线 */
.recommend_interval{
    width: 1220px;
    height: 6px;
    background: #ff6600;
    left: -10px;
}
/* 4.盒子 */
.recommendBox{
    width: 1200px;
    height: 500px;
}
/* 4.小盒子 */
.recommend_smallBox{
    width: 198px;
    height: 250px;
    border-left:solid 2px #ff6600;
    border-bottom:solid 2px #ff6600;
    margin: 0 auto;
}
.recommend_smallBox a{
    text-decoration: none;
}
/* 4.第六个小盒子 */
.last{
    width: 196px;
    border-right: solid 2px #ff6600;
}
/* 4.具体布局 */
.recommendBox_img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
/* 4.加载鼠标图片 */
.recommendBox_img img{
    width: 150px;
    height: 150px;
}
/* 4.加载小图标 */
.recommendBox_smailimg img{
    width: 73px;
    height: 25px;
}
/* 4.设置第一行文字 */
.recommend_cn{
    width: 182px;
    height: 13px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 2px;
}
/* 4.设置第二行文字 */
.recommend_text{
    width: 147px;
    height: 13px;
    font-size: 14px;
    color: #f4290d;
    margin-bottom: 11px;

}
/* 4.设置第三行文字 */
.recommend_price{
    width: 67px;
    height: 18px;
    font-size: 24px;
    color: #f4290d;
}
/* 5.电子书 */
#ebook{
    width: 1200px;
    height: 485px;
    
    margin: 0 auto;
}
/* 5.左边盒子 */
.ebook_leftBox{
    width: 909px;
    height: 480px;
    margin-right:7px; 
}
/* 5.左边盒子头部 */
.ebooktitle{
    width: 909px;
    height: 34px;
    border-bottom: 6px solid #ff6600;
}
/* 5.头部文字样式左 */
.ebooktitle_left{
    width: 170px;
    height: 26px;
    font-size: 28px;
    color: #333333;
    line-height: 26px;
}
/* 5.头部文字样式右 */
.ebooktitle_right{
    width: 294px;
    height: 34px;
}
/* 5.头部文字样式右 li文字设置*/
.ebooktitle_right li{
    width: 98px;
    height: 35px;
    font-size: 18px;
    color: #333333;
    line-height: 34px;
    text-align: center;
}
.ebook_active{
    background: #ff6600;
}
/* 5.内容 */
.ebookcontent{
    width: 909px;
    height: 440px;
}
/* 5.内容li设置 */
.ebookcontent_item{
    top: 0;
    left: 0;
    width: 909px;
    height: 440px;
    display: none;
}
.ebook_show{
    display: block;
}
/* 5.内容设置左 */
.ebookcontent_item_leftBox{
    width: 238px;
    height: 442px;
    background: white;
}
/* 5.加载图片 */
.ebook_firstImg{
    width: 238px;
    height: 290px;
}
/* 5.文本 */
.ebook_firstImg_text{
    width: 238px;
	height: 153px;
	background-color: #f9f9f9;
}
/* 5.文字设置 */
.ebook_firstImg_text li{
   width: 79px;
   height: 37.5px;
    font-size: 14px;
    color: #333333;
    float: left;
    text-align: center;
    line-height: 37.5px;
}
/* 5.内容右边盒子 */
.ebookcontent_item_rightBox{
    width: 671px;
    height: 440px;
}
/* 5.轮播图 */
.ebook_smailbanner{
    width: 335px;
	height: 220px;
}
/* 5.图片盒子 */
.ebook_Img{
    width: 165.5px;
    height: 219px;
    border: solid 1px #cccccc;
}
/* 5.文字盒子 */
.ebook-title{
    font-size: 15px;
    line-height: 30px;
}
/* 5.文字盒子 */
.ebook-text{
    color: #f91616;
    font-size: 14px;
    line-height: 30px;
}
/* 5.图片设置 */
.ebook_Img>img{
    width: 164px;
    height:120px ;
}
/* 5.文字 */
.ebook-price{
    width: 32px;
    height: 13px;
    line-height: 40px;
    font-size: 18px;
    color: #f91616;
}
/* 5.文本 */
.ebook-Noprice{
    width: 37px;
    height: 13px;
    font-size: 18px;
    color: #b3b3b3;
    text-decoration: line-through;
}
/* 5.右边盒子 */
.ebook_rightBox{
    width: 280px;
    margin-top: 34px;
    border: 2px solid #cccccc;
}
/* 5.标题 */
.ebook_newbox_title{
    height: 50px;
    font-size: 24px;
    color: #808080;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}
/* 5.设边框线 */
.ebook_rightBox ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
  }
  /* 5.给文字设颜色 */
.ebook_rightBox>ul>li:nth-child(1){
      color: #ff2315;
  }
  .ebook_rightBox>ul>li:nth-child(2){
    color: #ff2315;
}.ebook_rightBox>ul>li:nth-child(3){
    color: #ff2315;
}
/* 5.给span标签做绝对定位 */
.ebook_rightBox ul li span {
    position: absolute;
    top: 13px;
    left: -14px;
  }
  /* 5.给h4标签设置 */
  .ebook_rightBox ul li h4 {
    line-height: 40px;
    color: #4d4d4d;
    font-weight: normal;
  }
  /* 5.设置图片 */
  .ebook_rightBox ul li img {
    width: 112px;
    height: 147px;
  }
  /* 5.设置p标签 */
  .ebook_rightBox ul li p {
    width: 140px;
  }
  /* 6.服装盒子 */
#cloth{
    margin-top: 44px;
    margin-bottom: 56px;
}
/* 6.版心 */
#cloth>.wrap{
    width: 1207px;
    height: 600px;

}
/* 6.标题盒子 */
.clothBox{
    width: 1207px;
    height: 32px;
    border-bottom: 6px solid #ff6600;
}
/* 6.左边文字 */
.clothBox_title{
    line-height: 32px;
}
/* 6.右边文字设置 */
.clothBox_text li{
    width: 98px;
    height: 34px;
    text-align: center;
    line-height: 32px;
}
/* 6.内容 */
.clothcontent{
    width: 1207px;
    height: 560px;
}
/* 6.设置li */
.clothcontent_item{
    top: 0;
    left: 0;
    width: 1207px;
    height: 560px;
    display: none;
}
/* 6.左边盒子 */
.clothcontent_item_leftBox{
    width:238px;
    height: 521px;
}
/* 6.设置图片 */
.cloth_firstImg{
    width:238px;
    height: 356px;
}
/* 6.文本设置 */
.cloth_firstImg_text{
    width: 238px;
    height: 165px;
    background-color: #f9f9f9; 
}
.cloth_firstImg_text li{
    width: 79px;
   height: 37.5px;
    font-size: 14px;
    color: #333333;
    float: left;
    text-align: center;
    line-height: 37.5px;
}
/* 6.中间盒子设置 */
.clothcontent_item_rightBox{
    width: 429px;
    height: 521px;
}
/* 6.轮播盒子设置 */
.cloth_smailbanner{
    width: 429px;
    height: 342px;
}
/* 6.图片设置 */
.cloth_smailsbanner img{
    width: 429px;
    height: 179px;
}
/* 6.图片盒子 */
.clothrightbox{
    width: 180px;
    height: 521px;
}
/* 6.上图 */
.clothrightbox_img{
    width: 176px;
    height: 338px;
    border: 2px solid #ccc;
}
/* 6.下图 */
.clothrightbox_imgs{
    width: 176px;
    height: 176px;
    border: 2px solid #ccc;
}
/* 6.底部图片 */
.clothfooter img{
    width: 1207px;
    height: 39px;
}
/* 6.选中 */
.cloth_active{
    background: #ff6600;
}
/* 6.选中 */
.cloth_show{
    display: block;
}
/* 7.运动 */
#sports{
    margin-top: 44px;
    margin-bottom: 56px;
}
/* 7.版心 */
#sports>.wrap{
    width: 1207px;
    height: 600px;

}
/* 7.标题盒子 */
.sportsBox{
    width: 1207px;
    height: 32px;
    border-bottom: 6px solid #ff6600;
}
/* 7.左边文字 */
.sportsBox_title{
    line-height: 32px;
}
/* 7.右边文字设置 */
.sportsBox_text li{
    width: 98px;
    height: 34px;
    text-align: center;
    line-height: 32px;
}
/* 7.内容 */
.sportscontent{
    width: 1207px;
    height: 560px;
}
/* 7.设置li */
.sportscontent_item{
    top: 0;
    left: 0;
    width: 1207px;
    height: 560px;
    display: none;
}
/* 7.左边盒子 */
.sportscontent_item_leftBox{
    width:238px;
    height: 521px;
}
/* 7.设置图片 */
.sports_firstImg{
    width:238px;
    height: 356px;
}
/* 7.文本设置 */
.sports_firstImg_text{
    width: 238px;
    height: 165px;
    background-color: #f9f9f9; 
}
.sports_firstImg_text li{
    width: 79px;
   height: 37.5px;
    font-size: 14px;
    color: #333333;
    float: left;
    text-align: center;
    line-height: 37.5px;
}
/* 7.中间盒子设置 */
.sportscontent_item_rightBox{
    width: 429px;
    height: 521px;
}
/* 7.轮播盒子设置 */
.sports_smailbanner{
    width: 429px;
    height: 342px;
}
/* 7.图片设置 */
.sports_smailsbanner img{
    width: 429px;
    height: 179px;
}
/* 7.图片盒子 */
.sportsrightbox{
    width: 180px;
    height: 521px;
}
/* 7.上图 */
.sportsrightbox_img{
    width: 176px;
    height: 338px;
    border: 2px solid #ccc;
}
/* 7.下图 */
.sportsrightbox_imgs{
    width: 176px;
    height: 176px;
    border: 2px solid #ccc;
}
/* 7.底部图片 */
.sportsfooter img{
    width: 1207px;
    height: 39px;
}
/* 7.选中 */
.sports_active{
    background: #ff6600;
}
/* 7.选中 */
.sports_show{
    display: block;
}
/* 8.童装 */
#children{
    margin-top: 44px;
    margin-bottom: 56px;
}
/* 8.版心 */
#children>.wrap{
    width: 1207px;
    height: 600px;

}
/* 8.标题盒子 */
.childrenBox{
    width: 1207px;
    height: 32px;
    border-bottom: 6px solid #ff6600;
}
/* 8.左边文字 */
.childrenBox_title{
    line-height: 32px;
}
/* 8.右边文字设置 */
.childrenBox_text li{
    width: 98px;
    height: 34px;
    text-align: center;
    line-height: 32px;
}
/* 8.内容 */
.childrencontent{
    width: 1207px;
    height: 560px;
}
/* 8.设置li */
.childrencontent_item{
    top: 0;
    left: 0;
    width: 1207px;
    height: 560px;
    display: none;
}
/* 8.左边盒子 */
.childrencontent_item_leftBox{
    width:238px;
    height: 521px;
}
/* 8.设置图片 */
.children_firstImg{
    width:238px;
    height: 356px;
}
/* 8.文本设置 */
.children_firstImg_text{
    width: 238px;
    height: 165px;
    background-color: #f9f9f9; 
}
.children_firstImg_text li{
    width: 79px;
   height: 37.5px;
    font-size: 14px;
    color: #333333;
    float: left;
    text-align: center;
    line-height: 37.5px;
}
/* 8.中间盒子设置 */
.childrencontent_item_rightBox{
    width: 429px;
    height: 521px;
}
/* 8.轮播盒子设置 */
.children_smailbanner{
    width: 429px;
    height: 342px;
}
/* 8.图片设置 */
.children_smailsbanner img{
    width: 429px;
    height: 179px;
}
/* 7.图片盒子 */
.childrenrightbox{
    width: 180px;
    height: 521px;
}
/* 8.上图 */
.childrenrightbox_img{
    width: 176px;
    height: 338px;
    border: 2px solid #ccc;
}
/* 8.下图 */
.childrenrightbox_imgs{
    width: 176px;
    height: 176px;
    border: 2px solid #ccc;
}
/* 8.底部图片 */
.childrenfooter img{
    width: 1207px;
    height: 39px;
}
/* 8.选中 */
.children_active{
    background: #ff6600;
}
/* 8.选中 */
.children_show{
    display: block;
}
/* 9.家居日用 */
#home{
    margin: 0 auto;
    margin-bottom: 55px;
}
/* 9.版心 */
#home>.wrap{
    width: 1207px;
    height: 544px;
}
/* 9.标题盒子 */
.home_titleBox{
    width: 1207px;
    height: 34px;
    border-bottom: 6px solid #ff6600;
}
/* 9.标题 */
.home_titleBox>span{
    width: 112px;
    height: 27px;
    font-size: 28px;
    line-height: 34px;
}
/* 9.内容盒子 */
.home_mainbox{
    width: 1207px;
    height: 504px;
    background: skyblue;
}
/* 9.左边盒子 */
.home_leftbox{
    width: 487px;
    height: 502px;
}
/*9. 图片 */
.home_leftbox>img{
    width: 487px;
    height: 502px;
}
/* 9.右边盒子 */
.home_rightbox{
    width: 720px;
    height: 502px;
}
/* 9.图片小盒子 */
.home_imgbox{
    width: 180px;
    height: 502px;
}
/* 9.顶部图片 */
.home_imgboxtop{
    width:176px;
    height: 336px;
    border: 2px solid #ccc;
}
.home_imgboxtop>img{
    padding-top: 20px;
}
 /* 9.底部图片 */
 .home_imgboxbottom{
    width: 176px;
    height: 158px;
    border: 2px solid #ccc;    
 }
 /* 10.推广商品 */
#extension{
    margin-bottom: 59px;
}
/* 10.版心 */
#extension>.wrap{
    width: 1202px;
    height: 662px;
    margin: 0 auto;
}
/* 10.标题盒子 */
.extension_titleBox{
    width: 1202px;
    height: 33px;
    border-bottom: 6px solid #ff6600;
}
/* 10.左边文字 */
.extension_titleleft{
    font-size: 28px;
    color: #ff6600;
    line-height: 33px;
}
/* 10.右边圆点 */
.extension_li{
   width: 12px;
   height: 12px;
   border-radius: 50%;
   margin-top:16px; 
   margin-right:17px;
   background: #ccc;
}
/* 10.内容 */
.extensioncontent{
    width: 1202px;
    height: 623px;
}
/* 10.li设置 */
.extensioncontent_item{
   top: 0;
   left: 0;
   width: 1202px;
    height: 623px;
    display: none;
}
/* 10.选中样式 */
.extension_show{
    display: block;
}
.extension_active{
    width: 12px;
   height: 12px;
   border-radius: 50%;
   margin-top:16px; 
   margin-right:17px;
    background: #ff6600;
}
/* 10.图片盒子 */
.extension_imgBox{
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 14px;
    width: 214px;
	height: 300px;
	background-color: #f2f2f2;
}
/* 10.图片 */
.extension_img{
    width: 150px;
    height: 150px;
    margin: 25px auto;
    background: url('../img/extension.jpg');
}
/* 10.文本 */
.extension_text{
    width: 139px;
    height: 30px;
    font-size: 14px;
    color: #333333;
    text-align: center;
    line-height: 18px;
    margin: 0 auto;
}
/* 10.价格 */
.extension_price{
    width: 67px;
	height: 18px;
    font-size: 24px;
    color: #f4290d;
    margin: 10px auto;
}
/* 10.评价 */
.extension_evaluate{
    margin: 0 45px;
}
/* 11.页脚 */
#footer{
    width: 100%;
    min-height: 200px;
    border-top: 6px solid #ff6600;
}
.footer_img{
    width: 100%;
    height: 100px;
    background: #ccc;
}
.imgBox{
    top: 25px;
    left: 380px;
    width: 785px;
    height: 50px;
}
.imgBox img{
    margin-left: 35px;
    margin-right: 26px;  
}
.footertitlebox{
    width: 681px;
    height: 130px;
    margin: 36px auto;
    margin-bottom: 38px;
}
.footerleft{
    line-height: 26px;
    margin-right: 5px;
    margin-left: 43px;
}
.footersynopsis>span{
    font-size: 14px;
    margin-left: 405px;
    color: #333;
}
.footer_footertitle{
    margin-top:38px; 
}
.footer_footertitle>span{
    margin-left: 600px;
    color: #333;
    font-size: 14px;
}
.footer-footerimg img{
    position: absolute;
    top: -221px;
    right: 210px;
}
  /* 12.楼层跳转 */
  .jump{
      top: 100px;
      left: 113px;
      width: 40px;
      display: none;
  }
  .jump li{
    width: 40px;
    height: 40px;
    position: relative;
    }
  .jump_img{
      width: 40px;
      height: 40px;
  }
  .jump_text{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 40px;
    background: #93d46f;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: none;
    }
    .jump_text>a{
    color: #fff;
    text-decoration: none;
    }
    /* 13.返回顶部 */
    .back{
        width: 100px;
        height: 100px;
        right: -100px;
        bottom: -110px;
    }
/* 固定头部样式 */
.top-search{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    height: 0px;
    overflow: hidden;
    background: #fff;
    z-index: 10000;
    transition: all 1s;
}  
.top-search>.wrap{
     width: 1200px;
     margin: 5px 680px;
}
/* 右侧固定图片 */
.rightBox{
    top: 200px;
    right: 0;
    width: 140px;
    height: 180px;
}
.rightBox_top{
    top: 0;
    right: 0;
}
.rightBox_main_left{
    top: 40px;
    right: 39px;
}
.rightBox_main_right{
    top: 40px;
    right: 0;
}
.rightBox_footer{
    top: 140px;
    right: 0;
}
.rightBox_footer_radius{
    top: 3px;
    right: 23px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: red;
    color: #fff;
}